<ion-app>
	<ion-split-pane contentId="main-content">
		<ion-menu contentId="main-content" type="overlay">
			<ion-content>
				<ion-list id="inbox-list">
					<ion-list-header>DS</ion-list-header>
					<ion-note>多显示屏展示系统</ion-note>

					<ion-menu-toggle auto-hide="false" *ngFor="let p of appPages; let i = index">
						<ion-item (click)="selectedIndex = i" routerDirection="root" [routerLink]="[p.url]" lines="none" detail="false" [class.selected]="selectedIndex == i">
							<ion-icon slot="start" [ios]="p.icon + '-outline'" [md]="p.icon + '-sharp'"></ion-icon>
							<ion-label>{{ p.title }}</ion-label>
						</ion-item>
					</ion-menu-toggle>
				</ion-list>

				<ion-list id="labels-list">
					<ion-list-header>素材</ion-list-header>
					<ion-item (click)="selectedIndex = i+7"  *ngFor="let r of resources;let i=index"routerDirection="root" [routerLink]="[r.url]" lines="none" detail="false" [class.selected]="selectedIndex == i+7">
						<ion-icon slot="start"  [ios]="r.icon + '-outline'" [md]="r.icon + '-sharp'"></ion-icon>
						<ion-label>{{ r.title }}</ion-label>
					</ion-item>
				</ion-list>
			</ion-content>
		</ion-menu>
		<ion-router-outlet id="main-content"></ion-router-outlet>
	</ion-split-pane>
</ion-app>
